
@mixin fontSans{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
}

@mixin clearfix {
    &:after {
        content: ".";
        clear: both;
        display: block;
        visibility: hidden;
        height: 0;
    }
}

@mixin fontawesome {
    display: inline-block;
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@mixin simpleline {
	font-family: 'Simple-Line-Icons';
}

@mixin button {
    display: inline-block;
    border: none;
    background: $color-button-bg;
    color: #fff;
    padding: 3px 12px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
	text-align: center;
    &:hover, &:focus{
        background: darken($color-button-bg, 4%);
		color: #fff;
    }
}

@mixin button2 {
    display: inline-block;
    border: none;
    color: $color-white;
    border: 1px solid $color-highlight;
    background-color: $color-highlight;
    padding: 4px 8px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
	text-align: center;
    &:hover,
    &:focus {
        background: lighten($color-highlight, 2%);
		//color: #fff;
    }
}

@mixin button3 {
    display: inline-block;
    border: none;
    color: $color-highlight;
    border: 1px solid $color-highlight;
    background: none;
    padding: 4px 8px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    &:hover,
    &:focus {
        color: lighten($color-highlight, 3%);
    }
}



